<nz-form-item>
  <nz-form-label>{{'OPERATION.CHARGEBACK.DEBITAMT' | i18n}}</nz-form-label>
  <nz-form-control>
    <app-custom-number-input
      [(ngModel)]="chargeBackDataService.operateBody.amt"
      name="amt"
      ngDefaultControl
      [addOnAfter]="currency"
      [precision]="decimal$ | async"
      [max]="transAmt"
    ></app-custom-number-input>
  </nz-form-control>
</nz-form-item>

<nz-form-item>
  <nz-form-label>{{'OPERATION.CHARGEBACK.REPRESENT_AMT' | i18n}}</nz-form-label>
  <nz-form-control>
    <app-custom-number-input [disabled]="true" [ngModel]="numSub(transAmt, chargeBackDataService.operateBody.amt)" [addOnAfter]="currency" [precision]="decimal$ | async"></app-custom-number-input>
  </nz-form-control>
</nz-form-item>

<nz-form-item>
  <nz-form-label>{{trans('VALIDATION.REQUIRED', {name: trans('OPERATION.CHARGEBACK.REASONCODE')})}}</nz-form-label>
  <nz-form-control>
    <nz-form-control>
      <ng-container *ngIf="isAmex">
        <nz-select [(ngModel)]="chargeBackDataService.operateBody.reasonCode" name="reasonCode" nzShowSearch [nzServerSearch]="true" (nzOnSearch)="searchReasonCode($event)">
          <nz-option *ngFor="let item of reasonCodeOptions" nzCustomContent [nzLabel]="item.value" [nzValue]="item.value">
            <span>
              {{ item.value + ', ' + item.label }}
            </span>
          </nz-option>
        </nz-select>
      </ng-container>
      <ng-container *ngIf="!isAmex">
        <input nz-input [(ngModel)]="chargeBackDataService.operateBody.reasonCode" name="reasonCode"/>
      </ng-container>
    </nz-form-control>
  </nz-form-control>
</nz-form-item>

<nz-form-item *ngIf="!isAmex">
  <nz-form-label>{{trans('VALIDATION.SETTING', {name: trans('OPERATION.CHARGEBACK.DOCINDICATOR')})}}</nz-form-label>
  <nz-form-control>
    <nz-radio-group [(ngModel)]="chargeBackDataService.operateBody.docIndicator" name="docIndicator">
      <label nz-radio [nzValue]="true">{{'GENERAL.INFO.YES' | i18n}}</label>
      <label nz-radio [nzValue]="false">{{'GENERAL.INFO.NO' | i18n}}</label>
    </nz-radio-group>
  </nz-form-control>
</nz-form-item>

<nz-form-item *ngIf="!isAmex">
  <nz-form-label>{{trans('VALIDATION.REQUIRED', {name: 'MMT'})}}</nz-form-label>
  <nz-form-control>
    <input nz-input [(ngModel)]="chargeBackDataService.operateBody.MMT" name="MMT" />
  </nz-form-control>
</nz-form-item>

<nz-form-item>
  <nz-form-label>{{trans('VALIDATION.REQUIRED', { name: trans('OPERATION.CHARGEBACK.OPERATEREMARK')})}}</nz-form-label>
  <nz-form-control>
    <textarea [(ngModel)]="chargeBackDataService.operateBody.remark" name="operateRemark" nz-input></textarea>
  </nz-form-control>
</nz-form-item>